<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core">

    <ui:composition template="/template.xhtml">
        <ui:define name="title">
            <h:outputText value="#{bundle.CreatePedidoTitle}"></h:outputText>
        </ui:define>
        <ui:define name="body">
            <script type="text/javascript">
                function showPopUp() {
                    //formId=action.form.id;
                    settings="height=500,width=500,status=yes,toolbar= no,menubar=no,location=no,scrollbars=yes";	
                    winId=window.open('listaProductos.xhtml', 'Listado de Productos', settings);
                }
            </script>
            <h:panelGroup id="messagePanel" layout="block">
                <h:messages errorStyle="color: red" infoStyle="color: green" layout="table"/>
            </h:panelGroup>
            <h:form id="frmPedido">
                <!--
                <h:outputLabel value="#{bundle.CreatePedidoLabel_idPedido}" for="idPedido" />
                    <h:inputText id="idPedido" value="#{pedidoController.selected.idPedido}" title="#{bundle.CreatePedidoTitle_idPedido}" required="true" requiredMessage="#{bundle.CreatePedidoRequiredMessage_idPedido}"/>
                    <h:outputLabel value="#{bundle.CreatePedidoLabel_fechaCreacion}" for="fechaCreacion" />
                    <h:inputText id="fechaCreacion" value="#{pedidoController.selected.fechaCreacion}" title="#{bundle.CreatePedidoTitle_fechaCreacion}" required="true" requiredMessage="#{bundle.CreatePedidoRequiredMessage_fechaCreacion}">
                        <f:convertDateTime pattern="MM/dd/yyyy HH:mm:ss" />
                    </h:inputText>
                    <h:outputLabel value="#{bundle.CreatePedidoLabel_fechaFinalizacion}" for="fechaFinalizacion" />
                    <h:inputText id="fechaFinalizacion" value="#{pedidoController.selected.fechaFinalizacion}" title="#{bundle.CreatePedidoTitle_fechaFinalizacion}" >
                        <f:convertDateTime pattern="MM/dd/yyyy HH:mm:ss" />
                    </h:inputText>
                <h:outputLabel value="#{bundle.CreatePedidoLabel_descripcion}" for="descripcion" />
                    <h:inputText id="descripcion" value="#{pedidoController.selected.descripcion}" title="#{bundle.CreatePedidoTitle_descripcion}" />
                <h:outputLabel value="#{bundle.CreatePedidoLabel_idCliente}" for="idCliente" />
                    <h:selectOneMenu id="idCliente" value="#{pedidoController.selected.idCliente}" title="#{bundle.CreatePedidoTitle_idCliente}" required="true" requiredMessage="#{bundle.CreatePedidoRequiredMessage_idCliente}">
                        <f:selectItems value="#{clienteController.itemsAvailableSelectOne}"/>
                    </h:selectOneMenu>
                <h:outputLabel value="#{bundle.CreatePedidoLabel_idEstadoPedido}" for="idEstadoPedido" />
                    <h:selectOneMenu id="idEstadoPedido" value="#{pedidoController.selected.idEstadoPedido}" title="#{bundle.CreatePedidoTitle_idEstadoPedido}" required="true" requiredMessage="#{bundle.CreatePedidoRequiredMessage_idEstadoPedido}">
                        <f:selectItems value="#{estadoPedidoController.itemsAvailableSelectOne}"/>
                    </h:selectOneMenu>
                    <h:selectOneMenu id="pedidoProducto" value="#{pedidoController.selected.pedidoProducto}" title="#{bundle.CreatePedidoTitle_pedidoProducto}" >
                        <f:selectItems value="#{pedidoProductoController.itemsAvailableSelectOne}"/>
                    </h:selectOneMenu>
                <h:outputLabel value="#{bundle.CreatePedidoLabel_pedidoProducto}" for="pedidoProducto" />
                -->
                <h:panelGrid columns="2">
                    <h:outputLabel value="#{bundle.CreatePedidoLabel_valorTotal}" for="valorTotal" />
                    <h:inputText id="valorTotal" value="#{pedidoController.selected.valorTotal}" title="#{bundle.CreatePedidoTitle_valorTotal}" required="true" requiredMessage="#{bundle.CreatePedidoRequiredMessage_valorTotal}"/>
                    <h:outputLabel value="#{bundle.CreatePedidoLabel_destNombres}" for="destNombres" />
                    <h:inputText id="destNombres" value="#{pedidoController.selected.destNombres}" title="#{bundle.CreatePedidoTitle_destNombres}" required="true" requiredMessage="#{bundle.CreatePedidoRequiredMessage_destNombres}"/>
                    <h:outputLabel value="#{bundle.CreatePedidoLabel_destApellidos}" for="destApellidos" />
                    <h:inputText id="destApellidos" value="#{pedidoController.selected.destApellidos}" title="#{bundle.CreatePedidoTitle_destApellidos}" required="true" requiredMessage="#{bundle.CreatePedidoRequiredMessage_destApellidos}"/>
                    <h:outputLabel value="#{bundle.CreatePedidoLabel_destDireccion1}" for="destDireccion1" />
                    <h:inputText id="destDireccion1" value="#{pedidoController.selected.destDireccion1}" title="#{bundle.CreatePedidoTitle_destDireccion1}" required="true" requiredMessage="#{bundle.CreatePedidoRequiredMessage_destDireccion1}"/>
                    <h:outputLabel value="#{bundle.CreatePedidoLabel_destDireccion2}" for="destDireccion2" />
                    <h:inputText id="destDireccion2" value="#{pedidoController.selected.destDireccion2}" title="#{bundle.CreatePedidoTitle_destDireccion2}" />
                    <h:outputLabel value="#{bundle.CreatePedidoLabel_destCiudad}" for="destCiudad" />
                    <h:inputText id="destCiudad" value="#{pedidoController.selected.destCiudad}" title="#{bundle.CreatePedidoTitle_destCiudad}" required="true" requiredMessage="#{bundle.CreatePedidoRequiredMessage_destCiudad}"/>
                    <h:outputLabel value="#{bundle.CreatePedidoLabel_destCodPostal}" for="destCodPostal" />
                    <h:inputText id="destCodPostal" value="#{pedidoController.selected.destCodPostal}" title="#{bundle.CreatePedidoTitle_destCodPostal}" />
                </h:panelGrid>
                
                <h:outputFormat styleClass="jsfcrud_list_form">
                    <!--<h:commandLink value="Agregar Productos" />-->
                    <a href="#" onclick="showPopUp()">Agregar Producto</a>
                    <br/>
                <h:outputText escape="false" value="#{bundle.ListProductoEmpty}" rendered="#{productoController.items.rowCount == 0}"/>
                <br/>
                <h:panelGroup rendered="#{productoController.items.rowCount > 0}">
                    <h:dataTable value="#{productoController.items}" var="item" border="0" cellpadding="2" cellspacing="0" rowClasses="jsfcrud_odd_row,jsfcrud_even_row" rules="all" style="border:solid 1px">
                        <h:column>
                            <f:facet name="header">
                                <h:outputText value="Producto" />
                            </f:facet>
                            <h:outputText value="#{item.nombre} - #{item.descripcion}" />
                        </h:column>
                        <h:column>
                            <f:facet name="header">
                                <h:outputText value="#{bundle.ListPrecioProductoTitle_valor}"/>
                            </f:facet>
                            <h:outputText value=""/>
                        </h:column>
                        <h:column>
                            <f:facet name="header">
                                <h:outputText value="#{bundle.ListStockTitle_cantidad}"/>
                            </f:facet>
                            <h:outputText value=""/>
                        </h:column>
                        <h:column>
                            <f:facet name="header">
                                <!--<h:outputText value="#{bundle.ListProductoTitle_eliminado}"/>-->
                                <h:outputText value="Total"/>
                            </f:facet>
                            <h:outputText value=""/>
                        </h:column>
                        <h:column>
                            <f:facet name="header">
                                <h:outputText value="&nbsp;"/>
                            </f:facet>
                            <a href="#" onclick="eliminarDeLista(#{item.idProducto})">#{bundle.ListProductoDestroyLink}</a>
                        </h:column>
                    </h:dataTable>
                </h:panelGroup>
                </h:outputFormat>
                <br />
                <h:commandLink action="#{pedidoController.create}" value="#{bundle.CreatePedidoSaveLink}" />
                <br />
                <br />
                <h:commandLink action="#{pedidoController.prepareList}" value="#{bundle.CreatePedidoShowAllLink}" immediate="true"/>
                <br />
                <br />
                <h:commandLink value="#{bundle.CreatePedidoIndexLink}" action="/index" immediate="true" />
            </h:form>
        </ui:define>
    </ui:composition>
</html>
